<html>
<style>
/* styles based on jsxgraph demo */
.jxgbox {
  position: relative; /* for IE 7 */
  overflow: hidden;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #356AA0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  /*
    -moz-box-shadow:black 2px 2px 2px -2px, #151A10 4px 4px;
    -webkit-box-shadow:4px 4px 3px #151A10;
    */
}

.JXGtext {
  background-color: transparent;
  font-family: Arial, Helvetica, Geneva;
  font-size: 11px;
  padding: 0px;
  margin: 0px;
  /*border-style:dotted;*/ /*border-width:0.4px;*/
}
</style>
<div id="typearea">
<form><label for="pointfield">x , y<input id="pointfield" type="text"></input></label></form>
  <div id="pointlist">
  </div>
</div>
<div id="jxgbox">Graph loading</div>
<script type="text/javascript"
  src="http://mwbdemo.googlecode.com/hg/jsx/jsxgraphcore.js"></script>
<script type="text/javascript" src="mwbdemo.js"></script>
</html>